<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_JS函数</title>
</head>
<body>
<script>
    function f1(){
        console.log('我是f1函数')
    }
    f1();
    f1();
    f1();

    function f2(n){//形参
        console.log('f2函数被调用了')
        console.log(n);
    }
    f2(100);//实参
    f2(true);
    f2("hello world");

    //函数可以设置多个参数，且参数个数可以不匹配
    //如果实参个数大于形参个数，多余的参数会被忽略掉
    //如果实参个数小于形参个数，则缺少的参数会被设置为undefined

    function f3(x,y){
        console.log("f3函数被调用了")
        console.log(x+y);
    }

    f3(1,2);//3
    f3(1,2,5,3);// 3
    f3(1);//1+undefined=NaN

    function f4(a,b){
        console.log("f4被调用了")
        return a+b;
    }
    var result = f4(10,20);
    console.log(result);
    console.log(f4(10,20));

    //匿名函数
    (function(){
        console.log('匿名函数被调用了')
    })();

    var f5 = function(){
        console.log('f5被调了')
    }
    f5();
    console.log(f5);//保存的是函数的全部内容
    console.log(typeof f5);//变量类型就是函数类型function

    //箭头函数
    const f6 = () =>{
        console.log('f6被调了')
    }
    f6();
    console.log(f6);


</script>
</body>
</html>